<template>
  <el-dialog
    title="新增采购记录"
    :visible="showdialog"
    @close="btncancel"
  >
    <el-form>
      <el-form-item label="物品名称">
        <el-input v-model="formData.title" style="width:500px" placeholder="请输入物品名称" />

      </el-form-item>
      <el-form-item label="物品单价">
        <el-input placeholder="请输入物品单价" style="width:600px" />
      </el-form-item>
      <el-form-item label="物品数量">
        <el-input v-model="formData.content" placeholder="请输入物品数量" />
      </el-form-item>
      <el-form-item label="其他价格">
        <el-input v-model="formData.content" placeholder="请输入其他价格" />
      </el-form-item>
      <el-form-item label="备注">
        <el-input placeholder="请输入备注" type="textarea" />
      </el-form-item>
      <el-form-item label="所属小区">
        <el-select v-model="formData.send" placeholder="选择小区">
          <el-option v-model="shequ" value="shequ" />
        </el-select>
      </el-form-item>

    </el-form>
    <el-row slot="footer" type="flex" justify="end">
      <!-- 列被分为24 -->
      <el-col :span="6">
        <el-button type="primary" size="small" @click="btnok">确定</el-button>
        <el-button size="small" @click="btncancel">取消</el-button>
      </el-col>
    </el-row>

  </el-dialog>
</template>
<script>
export default {
  props: {
    showdialog: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      shequ: '', // 存储输入框的值
      formData: {
        title: '',
        content: '',
        shequ: ''

      }
    }
  },
  methods: {
    btnok() {
      this.showdialog = false
    },
    btncancel() {
      this.showdialog = false
    }

  }

}
</script>
<style>

</style>
